<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="css/index.css">
</head>
<style>
   table {
            border-collapse: collapse;
            width: 100%;
        }
        th, td {
            border: 1px solid black;
            padding: 8px;
            text-align: center;
        }
</style>

<body>
  <div class="main">
    <ul id="subMenu">
      <li class="dd">
        <a href="index.html">首页</a>

      </li>
      <li class="dd">
        <a href="message.html">我的资料</a>

      </li>
      <li class="dd">
        <a href="hobby.html">我的爱好</a>

      </li>
      <li class="dd">
        <a href="city.html">作品集</a>
        <ul>
          <li><a href="#">作品集</a></li>

        </ul>
      <li class="dd">
        <a href="liuyan.html">在线留言</a>

      </li>
      </li>

    </ul>


    <div class="banner">
      <img src="img/b.jpg" alt="">
    </div>

    <div class="content">
      <div class="box">
        <div class="left">
          <img src="img/n.jpg" alt="">
          <h2>蒋文杰</h2>
          <div class="bottom">
            <ul class="message">
              <li>性别：男</li>
              <li>年龄：21</li>
              <li>籍贯：广西象州</li>
              <li>专业：产品设计</li>
              <li>邮箱：2807262573@qq.com</li>
            </ul>
          </div>
        </div>
        <hr>
        <div class="right" style="width: 800px;">
          <h2>基本信息</h2>
          <table>
            <tr >
                <td>姓名：蒋文杰</td>
                <td>年龄：21</td>
            </tr>
    
            <tr>
                <td>专业：产品设计</td>
                <td>手机：18277236170</td>
            </tr>

           
        </table>
        <h2 style="margin-top: 40px;">教育背景</h2>
        <table>
          <tr >
              <td>小学：天连小学</td>
              <td>高中：象州二中</td>
          </tr>
  
          <tr>
              <td>大学：广西科技大学</td>
              <td></td>
           
          </tr>

         
      </table>
      <h2 style="margin-top: 40px;">掌握技能</h2>
      <table>
        <tr >
            <td>语言：普通话3甲</td>
            <td>工具：PS、VScode</td>
        </tr>

        <tr>
            <td>办公软件：Word、PPT</td>
            <td></td>
         
        </tr>

       
    </table>
        
        </div>
      </div>
    </div>

    <div class="footer">
      <h2>个人网页</h2>
    </div>









  </div>
</body>

</html>